// main-container global css
.app-container {
  padding: 20px;
}

.filter-container {
  padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;

  .filter-group {
    display: flex;
    align-items: center;
  }
  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }

  .filter-item:first-child {
    margin-left: 0;
  }

  .filter-right {
    float: right;
  }
}

.pagination {
  padding-top: 20px;
}

.btn-green {
  color: rgba($color: #67c23a, $alpha: .8);
}
.btn-green:hover {
  color: rgba($color: #67c23a, $alpha: 1);
}

.btn-red {
  color:rgba($color:  #f56c6c, $alpha: .8);
}
.btn-red {
  color: rgba($color:  #f56c6c, $alpha: 1);
}

.el-table {
  .cell {
    white-space: pre-line;
    text-align: center;
  }
}

.el-table td, .el-table th{
  padding:  5px 0;
}
